@import "partials/base";
@include font-face('monetize',font-files('Metrophobic.ttf'));
body {
	font-size: 16px;	
	font-family: "monetize";
}
.social-sprite {
	width: 32px;
	height: 32px;
	float:left;
}

@if $allow-bg-change == true {
	.mydiv {
		background-color: mix(green,red,20%)
	}	
}


@each $member in vijay, tridib, manojit, uday, shiva {
	.#{$member}_pic {
		background-image: url("img/#{$member}.jpg");
	}
}

.example {
	$btnbg: #455555;
	//@extend .pie-element;
	//@include border-radius(10px);
	//border: 1px solid red;
	width: 100px;
	height: 100px;
	@include background-image(linear-gradient($btnbg,lighten($btnbg,50%))	
	);
	@include transition-property(all);
	@include transition-duration(3s);
	//@include transitions-function(ease-in);
	&:hover {
		@include background-image(linear-gradient(lighten($btnbg,50%),$btnbg))
	}
}

@function sum($val1,$val2) {
	@return $val1 + $val2;
}

div {
	@extend .pie-element;
}

.social-list {
	@include horizontal-list;
}
.para1 {
	margin-bottom: 20px;
	@include adjust-font-size-to(18px);
	@include trailing-border();	
	@include contrasted(#455555);
}
.para2 {
	$default-rhythm-border-style: dashed;
	@include rhythm-borders(1px,2,11px);
}
.para3 {
	width: 300px;
	height: 300px;
	@include rhythm-borders();
	@include force-wrap;
}